@import "../../../static/sass/thom_c_size.scss";
@import "./common.scss";
.sup_container{
  width: 100%;
  min-height: 100%;
  height: auto;
  font-size: tovw(24);
  background-color: #eeeeee;

}
.sup_header{
  .caoc{
    width: tovw(136);
    height: tovw(115);
    display: block;
    float: left;
    margin-top: tovw(28);
    margin-left: tovw(30);
  }
  color:#a7a7a7;
  div{
    padding: tovw(26) tovw(22);
    width: tovw(490);
    height: tovw(93);
    border-radius: 2vw;
    background-color: #ffffff;
    float: left;
    margin-left: tovw(20);
    margin-top: tovw(12);
    margin-bottom: tovw(30);
  }
}

.sup_wrap_box{
  color:#aaaaaa;
  .sup_box{
    width: tovw(702);
    border-radius: 2vw;
    background-color: #a6a6a6;
    box-shadow: 1px 1px 2px #a7a7a7;
  }
  .index_box{
    margin-top: 0;
    background-color: #a7a7a7;
  }
  .index_box_header{
    color:#fff;
  }

}

.sup_img{
  overflow-x: scroll;
  img{
    width:tovw(128);
    height: tovw(128);
    display: block;
    border-radius: 1vw;
    float: left;
    margin-top: tovw(6);
    margin-right: tovw(12);
  }
  img:nth-child(1){
      margin-left:tovw(11);
  }
}

.wrap_voice_img{
  width: tovw(336);
  height: tovw(50);
  line-height: tovw(50);
  float: left;
  img{
    width: 100%;
    height: 100%;
    display: block;
  }
}
.voice_wrapper{
  width: tovw(420);
  margin-left: tovw(54);
  margin-top: tovw(10);
  margin-bottom: tovw(10);
  >img{
      width: tovw(66);
      height:tovw(48);
      display: block;
      float: left;
      margin-left: tovw(18);
  }
}

.index_box_last {
  overflow: hidden;
  .index_box_last_header_cover {
    height: auto;
    overflow: hidden;
    .other_last {
      position: relative;
      left:tovw(12);
      top:tovw(7);
      text-align: left;
      margin-top: tovw(10);
      margin-bottom: tovw(10);
    }
  }
}

.sup_now{
  margin-top: tovw(12);
  .sup_now_w{
    color: #fff;
    font-size: tovw(24);
    float: left;
    margin-left: tovw(18);
    p{
      &:nth-child(1){
        margin-bottom:tovw(52);
      }
      &:nth-child(2){
        width: tovw(63);
        height: tovw(33);
        line-height: tovw(33);
        background-color:#efefef;
        color:#999999;
        text-align: center;
      }
    }
  }
}

.sup_now_w_base_img{
  width: tovw(112);
  height: tovw(112);
  float:left;
  border-radius: 1vw;
  margin-right: tovw(15);
}
.sup_more{
  border-radius: 1vw;
  margin:  0 auto;
}
.wrap_sup_base_img{
  width: tovw(567);
  overflow-x: scroll;
  overflow-y: hidden;
}
.wrap_sup_base_img_inner{
  width: auto;
}

